<script setup>
  const router = useRouter()
  const routes = router.getRoutes()
</script>

<template>
  <div>
    <h1 class="bg-black text-white p-2">活动列表</h1>
    <ul>
      <template v-for="d in routes">
        <li class="border-b flex">
          <router-link :to="d.path" class="p-2 flex-1 hover:bg-slate-100">
            {{d.name}}
          </router-link>
        </li>
      </template>
    </ul>
  </div>
</template>